A Noa le gustan los botones de la sidebar, y así me lo hizo saber.
No es nada difícil Noa, se trata de un generador de botones, la página es GRSites una página que a simple vista no reparas en ella pero una vez la descubres la guardas en favoritos.
En su día ya hablé sobre ella tratando el tema de fondos para blog.
Para crear los botones podéis acceder desde aquí, los podemos crear escogiendo el tamaño y añadiendo el texto deseado, con texturas, color y efecto cristal, este último es un efecto que me agrada mucho.
Si tenéis algún color o textura la podéis añadir directamente subiéndola desde nuestro PC. Los efectos van desde el sombreado y relieve pasando por un efecto flotante muy atractivo.
El modelo a gusto de cada uno, yo hice unos cuantos de prueba.

Textura



Color y efecto crystal:




¿Qué cambiamos los botones del blog por un nuevo diseño?
Noa

Que haria yo sin ti???
A ver como le voy dando forma, paso a paso, como siempre.
Mil gracias por todo!

Responder
Unknown

el codigo fuente que se genera donde se pone???

Responder
Gem@

Noa gracias a ti por las palabras siempre agradables y ese cariñoso premio que he visto en tu blog para mi ;)

Jose yo tampoco tenía idea pero ya me informaron de la solución, es un poco largo de explicar, te lo mando vía mail y más adelante actualizo esta entrada con la misma información.

Responder
Gem@

Jose Carlos no recuerdo tu mail, el que tengo es de la cofradía.
Mándame uno y así me quedo con la dirección ;)

Responder
Anónimo

Gema, sabes que pasa con el sitio de :D Union de Bloggers Hispanos?.
Ya que entrado varias veces y me dice que la cuenta esta suspendida.
Tu sabes algo?
:) Saludos

Responder
Sib

Gema,el script lo copié de
tu blog, y lo tengo añadido, pero ahora no funciona además quisiera poner los comentarios con fecha, nombre etc.
Cuál es el problema?
Gracias.

Responder
Sib

Gema,el script lo copié de
tu blog, y lo tengo añadido, pero ahora no funciona además quisiera poner los comentarios con fecha, nombre etc.
Cuál es el problema?
Gracias.

Responder
Sib

Gema,el script lo copié de
tu blog, y lo tengo añadido, pero ahora no funciona además quisiera poner los comentarios con fecha, nombre etc.
Cuál es el problema?
Gracias.

Responder
Andrés

Hola Gema te invito a que visites mi nuevo blog.. www.andressoulsurf.blogspot.com
Tu ayuda fue importantísima para este blog!
Un saludo.
Te espero en mi blog jaja!

Responder
Gem@

Fernando yo accedo sin problemas esta es la url exacta:
http://www.uniondebloggershispanos.com/

SIB levanta el dedito de la tecla jajajajaja voy a ver enseguida ese script y de paso añadimos el otro ;)

Andrés que pasada amigo mío, lo he visto antes de contestar.
El otro día me acordé de ti viendo una página de calendarios, si, era uno con una imagen de surf ¿se dice así?
Gracias por el detalle de venir a invitarme :)

Responder
Gem@

Hola de nuevo Sib, he subido a mi servidor el script de los últimos comentarios por si fuera eso lo que está fallando, aunque nadie me dijo nada al respecto.
Pero en vista de que deseas cambiar por el de fecha ect... deberías eliminar primero el que añadiste para luego incluir el que deseas.
Creo... que el que tienes es este:
comentarios-recientes
Si estás segura que es ese sigue paso a paso lo que indica para dejar tu plantilla como antes de añadirlo.
Una vez lo tengas añades este otro, pienso que es el que estás buscando.
comentarios con fecha,autor ect..
!Suerte¡ ;)

Responder
Anónimo

:)Gema la cuenta de Union de Bloggers Hispanos, sigue suspendida ya itente con el link que pusiste y pone lo que ya te comente.
saludos.

Responder
Devil

Tiene razon Fernando: leyendo los comentarios quise entrar (porque no conozco esa página) y se encuentra suspendida. Ah, aprovecho para agradecer tus habituales visitas y halagos en mi blog. Saludos desde Argentina!

Responder
Gem@

Llevas razón Fernando, había entendido que no podrías accesar.
No tengo idea de lo sucedido :(

Gracias Devil ;)

Responder
Anónimo

Holasss
Verás he intentado hacer los botones desde la pagina que recomiendas,pero el resultado es un botón donde las letras salen muy grandes y por ello sólo se notan algunas letras,¿cómo arreglo el tamaño de las letras?xq,para variar,no sé inglés.

Responder
Sib

Hola Gema, el que tenía para los comentarios es el que ofrece blogger de los 5 comentarios ya que el scrip que das tú que es el quiero poner no me funciona y no entiendo porqué...
Seguiremos intentándolo gracias por pasarte por el blog y siempre me gustan tus comentarios sean donde sean.
Un beso

Responder
Sib

Hola Gema, el que tenía para los comentarios es el que ofrece blogger de los 5 comentarios ya que el scrip que das tú que es el quiero poner no me funciona y no entiendo porqué...
Seguiremos intentándolo gracias por pasarte por el blog y siempre me gustan tus comentarios sean donde sean.
Un beso

Responder
Sib

jajaja...si yo levanto el dedo es este cacharrito que está como loco por escribir. Ays que cosas me pasan¡¡
besos

Responder
Anónimo

Hola, no entiendo que quieren decir con que no pueden entrar en UBH, tuvo problemas por los logos y nos pidió a todos los registrados que los pusieramos en nuestro servidor.
Pero está funcionando sin mas problemas desde ayer, tanto UBH como el agregador.
Yo entré por el enlace que puso gem@ y por los logos de la sidebar y ningún problema.
Saludos a todos :)

Responder
Anónimo

Gema muchísimas gracias por tu hermoso y amable comentario sobre mi blog, sé que es muy básico y de escaso interés para la mayoría, pero he visto que resulta de bastante ayuda para los usuarios del ciber que se enfrentan a esto por primera vez... ¡y sobre todo para mí, que me ahorro horas de explicaciones individuales! PERO gracias a tu blog, me he enamorado de esto, y estoy empezando un blog más personal... Tus explicaciones son tan concretas que es imposible no querer aprender más, y eso es mérito tuyo y de tu gran amabilidad que resalto por encima de todo, ¡Gracias!

Responder
Gem@

Judith las explicaciones van numeradas. El paso 4 donde dice:
•Step 4:
•Enter the button's text, URL and Text Size
•Text Size: (aquí añades el tamaño)
Te ofrece una vista previa para que veas el resultado.

Hola SIB he visto que la ya lo solucionaste ;)
Y no te preocupes por repetir el comentario era una broma :D :D :D

Saludos y gracias por la información k_nelita ;)

Hola Vanessa, una vez más muchas gracias ;)

Responder
kenia

Hola Gema que bonito tienes tu blog vieraz que no entiendo donde pegar el codigo que te dan del boton en GRSITES y como hacer para que te aparesca a ver si me das una ayudadita .
MUCHAS GRACIAS POR PROPORCIONARME TANTA INFORMACION EN TU BLOG

Responder
Anónimo

Hola gem@, como siempre buscando ayuda a cosas raras, pero a proposito de este tema de los botones.
Tengo unos botones que los metí en Paint que es lo único que se trabajar (mas o menos), bueno tanto sea para gregarles texto o cambiarles el tamaño cuando quiero usarlos después del Paint, me quedan con fondo blanco, igual los botones o imagenes o lo que sea, como puedo hacer para que el fondo sea tranparente? Que no tengan fondo, no se si me explico, los botones en cuestión los quiero poner uno debajo del otro en una caja pero el fondo me les deja una gran separación entre uno y otro y yo quiero que queden pegados uno debajo del otro y sin fondo, se entiende?
Aparte creo que aunque el fondo fuera transparente también ocuparía un espacio, como hago para que queden pegados sin espacio entre ellos? Se puede?
Gracias gem@, espero que puedas con esto ja ja
Un besote
PD: Viste yo siempre te traigo desafíos y rompederos de cabeza ja ja

Responder
Gem@

Saludos Kenia una vez que se genera el botón debes guardarlo como una imagen cualquiera, Lo añades también como una imagen pero que a la vez esta imagen se un enlace a ese lugar que deseas enlazar.
Para que una imagen haga de enlace debes añadir lo siguiente:
<a href="url-de-la-página"><img src="url-de-la-iamgen"></a>
;)

Responder
Gem@

Hola k_nelita si te digo la verdad no sé como funciona el Paint, yo utilizo uno de los programas más antiguos editores de imágenes el "Print Shop Photo Pro" es de los más básicos, no tiene demasiadas herramientas, ni la forma de añadir un fondo transparente :(
Para que una imagen no tenga espacio entre otra mira que al final de la imagen no cierre el código ni con <p> ni con <br> eso produce saltos de línea. ;)

Responder
Anónimo

Hola de nuevo gem@, mirá ya solucioné lo de los botones utilizando la pagina que recomiendas aquí, tienes que pasarte por mi blog y ver que chulo que ha quedado, eso era lo que estaba queriendo inventar el otro día, los enlaces sobre botones dentro de la caja que tu nos diste el código, no se como explicartelo, si puedes pasate por el blog y miralo.
Con respecto a las imagenes tengo dos, que en su tamaño original son gif, al querer achicarlas con Paint, (que dudo que sea mas moderno que lo que usas, este lo usan los niños y es viejisimo!)como gif, no tienen fondo, o sea transparente, para pasarlas al Paint, para achicarlas, tengo que cambiarles el formato por jpg porque sino se pixelan mucho, y de cualquier forma me salen con un cuadrado blanco detrás, de fondo.
No habrá por allí algún código para que el fondo sea transparente?
Disculpa si te molesto demasiado, pero tal vez si las miras, están en el blog, se te ocurra algo.
Desde ya muchas gracias!
Un besote :)

Responder
Anónimo

Gracias,ya el botón me sale bien,pero el código,¿dónde lo pongo?

Responder
Gem@

k_nelita no me has dicho que ya lo solucionaste y yo buscandote un programa sencillito para mandarte :(

Judith donde vayas a añadir el botón, normalmente en la sidebar.
Añadir un elemento de página/HTML/Javascript

Responder
Anónimo

Hola gema no te dije que lo solucioné porque en realidad no es tan así, lo que solucioné es lo de los botones que no podía arreglar, pero aún tengo el problema de achicar las imagenes gif sin que se deformen.
Me hizo el trabajito JMiur pero no puedo recurrir siempre a el cuando necesite eso.
El también menciona un programa pero pesa mucho para mi pc, no tengo suficiente espacio en el disco.
Pero yo creo que con un simple código que aún no probé se achican las imagenes sin que pierdan ni forma ni movimiento, cuando me anime a probarlo te cuento.
Viste mis botones enlaces?
Besotes gem@ no te enojes snif, snif

Responder
Anónimo

Porque como siempre estoy haciendo cosas nuevas, siempre voy a necesitar como achicar los gif, me entiendes?
Aunque las otras imagenes ya estén listas, siempre tengo mas, siempre quiero mas, ja ja soy insaciable!
Besotes :)

Responder
Gem@

k_nelita pero si no me enojo corazón, entré a tu blog que por cierto cada día está más cambiado (y para bien) y vi esos botones tan bien puestos y sin fondo y pensé que para qué seguir buscando.
No sé de ese código que achica imágenes gif, si lo supiera serías la primera en saberlo ;)

Responder
Anónimo

Mira que vengo con la lengua afuera a contarte existe el codigo y funcionaaaaa ja jaa
Tengo la primicia cha cha chan...
Bueno basta de chachara aquí va, mi imagen era de 410 x406 y yo quería ponerla en la sidebar y no entraba no? Bueno la misma imagen pero con:
<*img *src="URL" border="0" width="189" height="182" */*>
Espero que lo tome, los asteriscos los puse para que no reconzca el html, sino te lo mando después por correo.
Bueno la cuestión es que si funciona, a mi me quedó un poco desflecado los bordes, pero es por mi fondo rojo, creo, la cuestión es que no sale el fondo blanco. Miralo porfi, es la imagen circular del premio.
El secreto era ese ponerle en el código de la imagen las medidas que quería, el width= y el height=
Mira que facil, no puedo creerlo!!!
Me lo habían dado hace mas de una semana y yo no creía, por eso no lo probé.
Bueno un besote gem@, espero que les sirva a otros. :)

Responder
Gem@

Pero k_nelita ese código lo estamos usando todos continuamente, incluso en los ejemplos de algunas entradas lo puedes ver...
enlazar-imgenes-
imgenes
imgenes-modificar
Tú me pedías un código para reducir el tamaño de imágenes gif, los gif son imágenes animadas (en movimiento)y al añadirles este código la imagen pierde nitidez :(
De todas formas me alegra que lo solucionaras ;)

Responder
Anónimo

Claro gem@, ya me parecía que vos no podías dejar de saber eso, si es casi elemental, es verdad que pierden nitidés, pero se achican o ajustan al tamaño que quieras.
Y los gif no siempre son animados, ya ves que esa como otras que tengo son en formato gif o png y no tienen animación.
Voy a dejar la imagen que me achicó JMiur no se conqué programa que está mucho mejor, pero ahora al menos se como achicarlas aunque sea con ese código.
Un besote gem@

Responder
Gem@

No sé por qué pero te noto muy contenta k_nelita y me gusta ;)

Responder
Unknown

Mira gema, este es el código que me dan en grsites para colocar el botón

Pero cuando lo coloco en el sidebar del blog los botones no quedan animados y en grsites al visualizarle, si que funciona.

Que puedo modificar para que queden animados, perdona pero esta tontería me tiene ya loco.

Responder
melinahorvilleur

Disculpa, pero queria saber como hacer para una vez ya diseñados mis botones aplicarlos en mi blog. A que opción acceder.
Desde ya, muchas gracias.

Responder
Gem@

Melinahorvilleur si los botones los creaste con texto puedes añadirlos como una imagen:
Subes la imagen a un servidor (una entrada del blog es la mejor opción, luego la dejas en borrador y listo)
En un gadgets de HTML añades lo siguiente:
<img src="url-de-la-imagen"/>
Luego lo arrastras hasta situarlo sobre el gadgets que deseas añadir ese botón.

Si el botón no tiene texto es más sencillo y práctico porque añadiendo la imagen como fondo de los títulos de la sidebar automáticamente se mostrará en todos los títulos y no tendrás que modificarlo posteriormente cada vez que añades un gadgets.
Eso puede ver como hacerlo en el siguiente enlace:
Personalizar los títulos de la sidebar.
El primer ejemplo es al que me refería ;)

yz La tahona creo que ya resolviste el problema de no ser así házmelo saber. No había visto tu comentario hasta ahora :(

Responder

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:):'(:(:P:D:$;):-I:X:O|O:S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top